Tempered Petrol color palette — #DCF2F3 · #007683 · #004A5B · #00222D · #040A19

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

The five colors

• Frost (#DCF2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00222D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#040A19): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Deep Canyon color palette (#DBF1FF, #0079AD, #003A59, #00121F, #00040A)
• Hushed Lagoon Lagoon color palette (#D2E8E1, #008987, #006074, #003855, #00142D)
• Worn Pine Lagoon color palette (#D7E8DC, #007E57, #004C38, #00241E, #000E12)
• Fern Corridor color palette (#D9F7E7, #006985, #3F5500, #003241, #0B1200)
• Cobalt Ridge color palette (#DBEEFA, #76ABE7, #5773C7, #004155, #001A30)
• Aged Thicket color palette (#DAEAF6, #005279, #590090, #003A2D, #000811)
• Bronze Parlor color palette (#FDEED1, #7D6400, #493400, #291800, #0E0B00)
• Softworn Nightshade Chapel color palette (#DCE6F1, #0063CC, #0022B1, #12006F, #0E003E)

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