Tempered Petrol Meadow color palette — #F4EEE4 · #94BCA8 · #126FA3 · #004F53 · #032C5D

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sage (#94BCA8): A luminous, dusty teal — the color of glacier melt.
• Peacock (#126FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#032C5D): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered Petrol Meadow 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

• Patina Cobalt color palette (#FBF4EA, #AACEC0, #477BB4, #005E6B, #273865)
• Dusty Field color palette (#F3E6DE, #86BCD4, #2D6BB8, #004C42, #140E34)
• Antique Denim color palette (#F5EEE4, #739A7F, #005269, #00302C, #001625)
• Washed Corridor color palette (#E5F3E8, #93DFFF, #55ADE9, #009097, #152E4E)
• Muted Emerald color palette (#DAE6D7, #349A54, #006F4B, #004E3F, #003340)
• Pine Veranda color palette (#E3F6D9, #A1DDE0, #4EA7CE, #00763B, #003E3E)
• Softworn Petrol color palette (#F8F5EF, #C9E7E7, #799DC0, #057D89, #614A5F)
• Antique Pier color palette (#EBE5DB, #5D8B7D, #003880, #002129, #04002D)

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