Worn Cobalt color palette — #FDF3ED · #A9D0B8 · #277DBF · #00624B · #30375D

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Pistachio (#A9D0B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#277DBF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#30375D): 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 Worn 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

• Timeworn Petrol Orchard color palette (#FFF2ED, #64CAD1, #0078A0, #005A2F, #0A3068)
• Hazy Basin color palette (#FDF3EA, #A4D6F3, #3675F9, #006760, #413669)
• Cerulean Pier color palette (#EBF5ED, #A4CEE5, #2F85AF, #005B5B, #02223D)
• Tempered Dune color palette (#FAF4EE, #C0E6D9, #7287C4, #00716F, #5B3E4B)
• Wandering Lapis Chapel color palette (#F4EDE6, #87B7E1, #4E58CB, #004F52, #35244A)
• Washed Azure Canyon color palette (#FCF4E8, #96E1F8, #3AA0D2, #007C7B, #16433A)
• Hushed Lagoon Terrace color palette (#ECDAD5, #40A09D, #005265, #013307, #00152A)
• Softworn Navy color palette (#ECDFD7, #388CA9, #003C74, #00231C, #070227)

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