Weathered Cerulean color palette — #FCF1F9 · #9DCEDD · #0286A2 · #006342 · #103E5C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sky (#9DCEDD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0286A2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006342): A full-bodied, balanced teal — the color of sea glass.
• Navy (#103E5C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Cerulean 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

• Cobalt Harbor color palette (#FFF1F6, #AAC9E3, #5378B6, #005F65, #35355E)
• Cerulean Cabin color palette (#F2F3E8, #B3D1B5, #0B8C98, #005C53, #00252D)
• Dusty Canyon color palette (#EEF7F5, #BBDAE4, #00A9B8, #007D72, #00424E)
• Antique Station color palette (#FCF3EE, #B0EDEE, #4AC2E3, #509E79, #164438)
• Lagoon Dune color palette (#F6EAF3, #368F97, #004357, #002318, #000A18)
• Aqua Meadow color palette (#DEFDF8, #BAE2FD, #75C4DC, #787538, #184A4B)
• Wandering Denim color palette (#F2E2EE, #70A9B3, #005F81, #003F32, #001F41)
• Worn Parlor color palette (#ECEADC, #949E3D, #417F1C, #005E2A, #004234)

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