Tempered Petrol Coast color palette — #EEE8E1 · #8BC0B1 · #4B67B0 · #004A53 · #17093A

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

The five colors

• Parchment (#EEE8E1): bright and airy, almost weightless.
• Mint Leaf (#8BC0B1): A luminous, dusty teal — the color of glacier melt.
• Slate (#4B67B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#17093A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Timeworn Villa color palette (#F3E6E0, #7EC0C7, #007698, #004D39, #00172D)
• Quiet Sapphire Delta color palette (#FBF0E5, #82C3F2, #356AD8, #005057, #190849)
• Cobalt Meadow color palette (#FFEEE5, #B1DCC0, #1B8CC3, #006455, #032350)
• Ancient Azure color palette (#E8F9F9, #D6DAF7, #5F94DA, #00648B, #091A46)
• Abyss Coast color palette (#EBDCD4, #4A8388, #004256, #002016, #000104)
• Navy Study color palette (#F7E6DA, #5692B0, #00498A, #002C2C, #02001C)
• Wandering Cypress Cabin color palette (#F8F0EC, #C7E7DD, #82A690, #44785A, #1D3D33)
• Brick Corridor color palette (#FFE3D9, #BA2F40, #006C6B, #1A4D69, #1E0003)

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