Weathered Cobalt color palette — #F7F6EB · #A6B686 · #0176AF · #546900 · #102A22

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

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Sage (#A6B686): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#0176AF): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#546900): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#102A22): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Weathered 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 Chestnut Cabin color palette (#F8F5EF, #C2AD6B, #007F83, #735D00, #17291A)
• Fern Alley color palette (#F5F6EF, #9DB88F, #6264B5, #397000, #311C2A)
• Pine Veranda color palette (#EBF4F3, #92C28F, #00839A, #2E762D, #021018)
• Soft Emerald Corridor color palette (#F5F6ED, #98D794, #00A3A9, #4E934B, #1B281C)
• Washed Cocoa color palette (#FFF2EC, #81A375, #00778A, #7E322B, #3B3E38)
• Byzantium Corridor color palette (#F1F8EB, #48B89B, #8E34A9, #006551, #320F1A)
• Soft Cornflower Coast color palette (#EEF9E8, #DCE695, #42D6C7, #5A86DC, #2D4833)
• Fern Canyon color palette (#F4F6F0, #D5DCDA, #AEC5C5, #448360, #3F4F04)

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