Cerulean Basin color palette — #FCF3EF · #ADCFB1 · #1F85A1 · #006344 · #193E59
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EF): bright and airy, almost weightless.
- Pistachio (#ADCFB1): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#1F85A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006344): A full-bodied, balanced teal — the color of sea glass.
- Navy (#193E59): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Worn Cerulean Delta color palette (#FFF2EC, #88D3E2, #3281A8, #006151, #49304A)
- Aged Cerulean color palette (#FBEFEB, #B4D0B6, #0B88AE, #1D5D33, #08203E)
- Muted Pine Chapel color palette (#F9F3F9, #B6DBE8, #5B9FBD, #2C7E4A, #1F3B61)
- Worn Cerulean Market color palette (#FCE7DD, #28909B, #004358, #002319, #000A18)
- Lagoon Lagoon color palette (#EFF8F1, #C5E7F2, #5CC2D9, #00A387, #024157)
- Ember Hollow color palette (#FFE9E0, #E25C54, #008A8E, #8B3933, #003E40)
- Tempered Sapphire color palette (#FFF3E6, #7BBFF3, #3A66CD, #00545D, #302666)
- Scarlet Pier color palette (#FFDCCE, #D83032, #007C81, #00657D, #402316)
Browse the whole catalog at Explore, or see today's palette.