Frosted Coast color palette — #FCF2F8 · #B5F0FF · #58C2FF · #00A892 · #253F69
A conversation between Sky and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF2F8): bright and airy, almost weightless.
- Frost (#B5F0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#58C2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Turquoise (#00A892): A luminous, balanced teal — the color of sea glass.
- Navy (#253F69): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Frosted Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Hushed Cerulean color palette (#F0F8F0, #D8DDFB, #97B3FF, #00A3B7, #40356C)
- Quiet Alley color palette (#F5EBF0, #98DFFD, #48AAFF, #00918C, #212B50)
- Tempered Powder Studio color palette (#FAF3F6, #D9D4E2, #A0CAFF, #6EAFB0, #4A5264)
- Feathered Periwinkle color palette (#FFE5DA, #FFBC9F, #79A8FF, #00A6C8, #442438)
- Sapphire Delta color palette (#F9EAEF, #6FA7D3, #3767E9, #005C65, #0A0127)
- Cerulean Corridor color palette (#F8F1E5, #9ADCED, #0E8EBD, #00625F, #002744)
- Linen Ember color palette (#FFF0FA, #FFAE94, #4CD3FF, #ED500E, #004154)
- Airy Iris Courtyard color palette (#DAE6D9, #9CC4EB, #6A89F6, #007B8B, #211345)
Browse the whole catalog at Explore, or see today's palette.