Tempered Petrol color palette — #E6F0F4 · #CCDAE4 · #A7B9D3 · #00818D · #223036

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#E6F0F4): bright and airy, almost weightless.
• Silver (#CCDAE4): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A7B9D3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#223036): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered Petrol 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 Coast color palette (#DCE3E9, #BAC5D4, #9AA3C4, #006A8B, #13212A)
• Tempered Orchard color palette (#E9F1EA, #C7D6D7, #D5B8BB, #3EA3AB, #223325)
• Hushed Cobalt color palette (#C8F0FD, #7FB5DD, #7B71B0, #3C634F, #3A3907)
• Wandering Sapphire Ridge color palette (#EFF6FF, #D9DDEF, #D1B1D8, #3470E4, #253449)
• Eclipse Terrace color palette (#D2E8F9, #007AAF, #262E5C, #00182A, #000509)
• Gentle Plum Alley color palette (#CBE7F0, #0099A0, #A42284, #4D4200, #251F00)
• Sunlit Quarry color palette (#D3EBDF, #84B570, #00875D, #00616D, #00312B)
• Aged Sapphire Lagoon color palette (#FAD1DF, #00A5B3, #275ED7, #673C00, #00283B)

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