Loading...
Created at 05/30/2025 20:01
Floppy Sunset Navigation
- Primary UI Apricot#ffd0af
- Secondary Sketchpad White#fffcf9
- Accent Soft Sky#b7e5ff
- Accent Device Mint#d4ffe2
- Surface Frame Gray#f1f1f1
- Text Dot Black#1e1e1e
The palette consists of Light, Dark colors. Accent colors Secondary Sketchpad White #fffcf9 and Accent Soft Sky #b7e5ff. Palette has Warm, Neutral, Cool colors temperature.
By lightness, this palette runs from #1E1E1E (darkest) to #FFFCF9 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #1E1E1E, #B7E5FF, #D4FFE2, #F1F1F1, #FFD0AF, #FFFCF9
Palette Floppy Sunset Navigation has combination of 6 codes colors:
HEX: #ffd0af, RGB: (255, 208, 175); HEX: #fffcf9, RGB: (255, 252, 249); HEX: #b7e5ff, RGB: (183, 229, 255)
HEX: #d4ffe2, RGB: (212, 255, 226); HEX: #f1f1f1, RGB: (241, 241, 241); HEX: #1e1e1e, RGB: (30, 30, 30)
Simplified version of palette colors
Tint of peachpuff, Tint of White, Shade of lightblue, Tint of honeydew, Tint of whitesmoke, Shade of Black
Color scheme was created by hex
Colors codes in palette
Floppy Sunset Navigation color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffd0af | #ffd0af | RGB(255, 208, 175) | Primary UI Apricot | — |
| #fffcf9 | #fffcf9 | RGB(255, 252, 249) | Secondary Sketchpad White | — |
| #b7e5ff | #b7e5ff | RGB(183, 229, 255) | Accent Soft Sky | — |
| #d4ffe2 | #d4ffe2 | RGB(212, 255, 226) | Accent Device Mint | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Surface Frame Gray | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Text Dot Black | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffd0af | #fffcf9 | 1.37 |
#ffd0af | #b7e5ff | 1.05 |
#ffd0af | #d4ffe2 | 1.28 |
#ffd0af | #f1f1f1 | 1.24 |
#fffcf9 | #b7e5ff | 1.31 |
#fffcf9 | #d4ffe2 | 1.06 |
Image palette Floppy Sunset Navigation png
Export Palette
Download the "Floppy Sunset Navigation" in multiple formats for seamless integration into your design projects.
Available formats: