Cerulean Basin color palette — #F8E9F3 · #91D0E0 · #3F8FBD · #006D5F · #102C58
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F3): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#91D0E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3F8FBD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#102C58): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Basin 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
- Patina Ridge color palette (#FBF2F7, #B6DAF1, #689ACB, #007C78, #2D385F)
- Quiet Azure Workshop color palette (#FFF2EB, #B8F0FF, #009DDF, #006B5D, #041C43)
- Quiet Cobalt color palette (#EDD9E1, #87B8D9, #4673BD, #00585D, #1A1648)
- Softworn Petrol Garden color palette (#EEF0E6, #96BCA5, #007392, #004F54, #003248)
- Hushed Delta color palette (#FAF2F7, #D8D5E5, #94B5D4, #55938C, #44536B)
- Softworn Corridor color palette (#F7E9F3, #4EB3B8, #00728C, #004C34, #001527)
- Hazy Courtyard color palette (#EFDEE6, #579CBF, #17589E, #003B3C, #05002C)
- Hushed Indigo Market color palette (#C8E7D4, #C2A928, #7064CC, #746300, #271C59)
Browse the whole catalog at Explore, or see today's palette.