Tempered Petrol Basin color palette — #F9F4EE · #C5E4DA · #6D8CB5 · #226D7D · #593D53

A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C5E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6D8CB5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#226D7D): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Cypress Quarry color palette (#FAF4EC, #C6E5D0, #5E92AA, #20706A, #265145)
• Muted Cypress Coast color palette (#F7F0EA, #C8E3DA, #7B8BBC, #006C6C, #302448)
• Gentle Villa color palette (#FBF4E9, #A3D6F5, #4883BF, #006472, #263C75)
• Washed Lagoon color palette (#FAF3F5, #D6DDFB, #90A3D9, #008C8B, #414565)
• Lilac Basin color palette (#FFF1F5, #A171BE, #9E7134, #007976, #4C2E37)
• Driftwood Lagoon color palette (#FFF1F4, #E6D6CF, #F2B9A4, #8078A9, #624348)
• Abyss Parlor color palette (#EAE3D9, #4D89A1, #004162, #002224, #00091B)
• Weathered Denim Lagoon color palette (#E8E1D7, #58ADBB, #00617A, #003F38, #002236)

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