Tempered Petrol Dune color palette — #F7EAF2 · #87BBCA · #00748B · #005333 · #00314C

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Ash (#87BBCA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cerulean Thicket color palette (#FCF2F9, #ABCBD7, #2183A7, #00624B, #113C64)
• Hushed Cypress color palette (#EAEADE, #7AC2C1, #007A81, #004C42, #001A1F)
• Weathered Parlor color palette (#F5ECEF, #95B5D2, #4364B0, #004E57, #2C2458)
• Dusty Dune color palette (#EFE5EC, #71A8B8, #005D8A, #003F37, #021B4B)
• Antique Dune color palette (#F8ECE5, #9BE2E1, #3DB5D0, #459067, #00324B)
• Tempered Dune color palette (#F9F3F7, #D3E2F3, #66A3B9, #347F62, #3C556D)
• Sapphire Ridge color palette (#D3E3D3, #A87300, #2B5FD9, #624200, #072164)
• Patina Parlor color palette (#D9F9DF, #A8D6C4, #26AF85, #964300, #433604)

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