Cerulean Basin color palette — #FCF2F8 · #7EDFD9 · #00899D · #00552C · #000F18

Cerulean and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Lagoon (#7EDFD9): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#00899D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00552C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#000F18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Wandering Study color palette (#FCF2F7, #9BD6EB, #0081C7, #00524C, #01072C)
• Wandering Petrol Garden color palette (#FAE8F4, #65C7DA, #00709B, #003F34, #00020A)
• Hushed Azure Basin color palette (#FDF1FA, #C2EDFF, #009FD2, #006C56, #001F3E)
• Worn Teal color palette (#EEEEE3, #5FD6D1, #00A6AD, #007F6D, #002429)
• Timeworn Spruce color palette (#EFDCD8, #6EA8A7, #00627A, #003D0D, #000B1C)
• Gentle Field color palette (#E0E8DF, #71A8D5, #1D3FC8, #002A30, #010008)
• Sky Field color palette (#FEF1FA, #CDDCF3, #00C2E7, #008C5C, #073955)
• Dusty Loft color palette (#CAF0DB, #8CA650, #6C6100, #452C00, #000600)

Browse the whole catalog at Explore, or see today's palette.