Weathered Petrol color palette — #F4EDE3 · #93BCA7 · #0B70A0 · #004F51 · #0A2E54

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sage (#93BCA7): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#0B70A0): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#0A2E54): 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 Petrol 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

• Ancient Cobalt Ridge color palette (#FAF4EC, #A4D0BE, #387CBB, #005E69, #2A3A5B)
• Hazy Cobalt Study color palette (#F2E7E0, #84BDD1, #006DBE, #004D3E, #100D3A)
• Ancient Courtyard color palette (#F1E7D7, #579CA5, #005266, #00302A, #001624)
• Airy Azure Courtyard color palette (#E6F2E8, #8CE1FF, #20B0F7, #009094, #0D2E52)
• Petrol Basin color palette (#F8F5EF, #C9E6E6, #74A597, #2C7B83, #5F4B5E)
• Washed Orchard color palette (#F9F4EE, #CCE4CC, #3B99A9, #00735A, #2B5140)
• Tempered Lapis Drift color palette (#E5DEC6, #878320, #6356C4, #4F4B00, #26195F)
• Chestnut Coast color palette (#F1ECD3, #AFD6A7, #5EAD91, #735700, #34342D)

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