Washed Cobalt color palette — #FBF3EF · #A5D1B7 · #0080BD · #006156 · #283A5C

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Pistachio (#A5D1B7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0080BD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#283A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Washed Cobalt 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

• Weathered Cornflower Meadow color palette (#FDF3EB, #9AD7FC, #267CE9, #006669, #383B63)
• Tempered Workshop color palette (#FAF4F0, #94D3CE, #00879A, #166237, #154435)
• Cerulean Alley color palette (#E9F5F3, #A3CFE6, #0088B1, #005A63, #002436)
• Cobalt Harbor color palette (#FAF4EE, #C5E5D9, #6589CC, #007078, #593E4F)
• Antique Sapphire color palette (#F4EDE5, #88B7DF, #4260BD, #004E58, #2D2454)
• Onyx Station color palette (#F0E4DD, #378CA9, #003F69, #002220, #02002F)
• Hushed Lagoon Veranda color palette (#F0F7F1, #BDE7FE, #78BBE1, #1B9F9E, #1E3D5A)
• Hushed Indigo color palette (#F7DBEE, #6471C6, #866800, #2D6A2C, #3A2234)

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