Worn Cerulean color palette — #F6F0F4 · #A4CFE2 · #2786B0 · #005D4C · #08213E

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

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Sky (#A4CFE2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2786B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#08213E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Worn 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

• Timeworn Alley color palette (#EEF7F6, #95D0DC, #0086A2, #005F61, #1A3F54)
• Cypress Chapel color palette (#F7EFF3, #C5E1F5, #6D90BC, #006C6E, #1E2B49)
• Hushed Petrol Boulevard color palette (#EFE6EA, #96B8D3, #446AAC, #004A50, #13093D)
• Aged Cypress Boulevard color palette (#E2F6FF, #D1D5F4, #B9A1D8, #007C71, #01263C)
• Chalky Lagoon Atelier color palette (#CDF1E4, #19A29C, #00747C, #004960, #002642)
• Abyss Pier color palette (#E6DBE2, #498292, #004060, #00201B, #000108)
• Gentle Plum color palette (#D9EDFF, #2483BF, #AB456E, #804E00, #001528)
• Airy Rust Canyon color palette (#D9ECF7, #14A1C1, #BC5952, #005F73, #3D0003)

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