Ultramarine Coast color palette — #F9ECDF · #81BEEE · #485BC3 · #003E3E · #04000E
Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
- Sky (#81BEEE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#485BC3): A full-bodied, vivid violet — the color of wild irises.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#04000E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Ultramarine 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
- Petrol Summit color palette (#F8EBE5, #83C3CF, #006EA2, #00402B, #000015)
- Softworn Navy color palette (#ECE6DB, #4F90C3, #00429D, #002A35, #02001C)
- Sunlit Cornflower color palette (#D8E5DA, #88B6DB, #4A82D8, #006A80, #0B0048)
- Chalky Chapel color palette (#EEDED1, #CA721E, #0052BF, #5C2E00, #000106)
- Sunlit Ultramarine Veranda color palette (#EEDDC7, #8C5C00, #0055AE, #004087, #020100)
- Feathered Pine color palette (#FFF2EE, #B0FFFE, #00AAD4, #00782B, #002549)
- Tempered Workshop color palette (#FFF3EA, #D7D6E4, #76B0FF, #008979, #312D5E)
- Scarlet Loft color palette (#F0D7D8, #DF3F22, #704000, #332200, #030400)
Browse the whole catalog at Explore, or see today's palette.