Tempered Petrol Coast color palette — #EEF6FF · #8FB2E1 · #BD869E · #4F74A4 · #554661

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#8FB2E1): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#BD869E): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#4F74A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#554661): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Petrol Lantern color palette (#EAF8FD, #69C0C8, #A28DC4, #00828C, #484A6A)
• Weathered Driftwood Harbor color palette (#EFF6FF, #DBD8E2, #C1A5A9, #7187A0, #444D5E)
• Softworn Bloom color palette (#F0F5FF, #A1ACE5, #55AA9A, #656EA3, #26555C)
• Patina Cobalt color palette (#EAF3FE, #97B6DC, #C49064, #3D73B4, #452633)
• Antique Pewter Dune color palette (#F3F4FF, #D3B5D0, #625580, #34374D, #27212D)
• Pewter Lagoon color palette (#F5F3FF, #BE89C7, #B77948, #824E8B, #5F3716)
• Sunlit Courtyard color palette (#EAF9F4, #A1C9ED, #CFAB6D, #2F93DC, #5F4922)
• Nightshade Bloom color palette (#E9EEFF, #8B81CF, #008B87, #554798, #003E3D)

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