Tempered Petrol Ridge color palette — #EEF0E6 · #98BBA8 · #007298 · #004E58 · #00324C

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

The five colors

• Cream (#EEF0E6): bright and airy, almost weightless.
• Sage (#98BBA8): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#00324C): 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 Tempered Petrol Ridge 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 Terrace color palette (#F4F6ED, #AACFBF, #447EA8, #005D71, #173D5F)
• Petrol Basin color palette (#F0E7E2, #7BBED6, #0070B0, #004C46, #071236)
• Muted Market color palette (#F4F6F0, #C8E5E4, #76A594, #007C90, #2B5349)
• Washed Abyss color palette (#DFE1D1, #579CA5, #005362, #00302F, #00171F)
• Weathered Market color palette (#E0F3F1, #90E0FE, #06B3EF, #008EA0, #00314C)
• Pale Nightshade Bloom color palette (#F2D4E5, #7771CA, #007B73, #4900BF, #00302D)
• Nightshade Basin color palette (#FFEFF5, #D1AEDF, #CC82C5, #5A4A9A, #3D284E)
• Mulberry Cabin color palette (#FFE5F4, #6554CA, #A6116B, #005669, #1D1743)

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