Tempered Petrol Coast color palette — #F7EBEE · #90B6D8 · #4A63B0 · #004E59 · #2E2553

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EBEE): a clean, paper-quiet neutral.
• Sky (#90B6D8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4A63B0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2E2553): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Aged Petrol color palette (#F7EAF3, #8BB9CB, #007394, #00523D, #0A304F)
• Softworn Workshop color palette (#E7EBDE, #8BC0B2, #376CAE, #004763, #02103E)
• Tempered Cobalt color palette (#E6F1F1, #A8C8E7, #5388CA, #00668C, #152B59)
• Worn Denim color palette (#DDEEFF, #CAC3F7, #C090BB, #006275, #25314C)
• Timeworn Periwinkle color palette (#F5EDE4, #AFD8FF, #809FFD, #008EA1, #2E264E)
• Patina Cabin color palette (#F9E9F1, #6397B2, #00498B, #003030, #0B0640)
• Cypress Corridor color palette (#FCF2F8, #C2E2F3, #5D90B5, #1C7066, #364864)
• Nightshade Veranda color palette (#DFE9FF, #5C8EE2, #2D4CAC, #0D1A75, #050948)

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