Weathered Petrol color palette — #EEF0E7 · #90BDA8 · #00709F · #004E5B · #003150

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

The five colors

• Cream (#EEF0E7): a clean, paper-quiet neutral.
• Mint Leaf (#90BDA8): A luminous, dusty teal — the color of sea glass.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#003150): 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

• Tempered Grove color palette (#ECF1E4, #8DB6DB, #0067C3, #004B68, #182C53)
• Worn Lagoon Dune color palette (#F6F6E9, #97DDDD, #00909B, #00685D, #004854)
• Dusty Cobalt Summit color palette (#FAE9F2, #8CCFEC, #378BD3, #006C68, #212B4E)
• Tempered Cerulean Workshop color palette (#EDEFE4, #449EAD, #005264, #003031, #001721)
• Dusty Ash color palette (#F4F6EF, #C3E9EA, #6F9FC3, #34798C, #34514A)
• Lagoon Corridor color palette (#FAECE2, #B4DFC9, #72A8E7, #00937D, #28255B)
• Dusty Amber Lagoon color palette (#FFF0E1, #D8BE91, #AC9400, #86491B, #332F29)
• Linen Villa color palette (#F2D8CA, #CC532B, #882DD8, #812400, #321B4C)

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