Tempered Petrol color palette — #DFF3FC · #008494 · #243244 · #011922 · #010809

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

The five colors

• Frost (#DFF3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008494): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#243244): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#011922): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010809): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Velvet Thicket color palette (#DEEEFA, #006487, #28252B, #17144A, #000910)
• Aged Cerulean Field color palette (#D8EADC, #00A1B3, #364E6E, #213326, #161A12)
• Shadow Coast color palette (#DCE8F9, #3663CC, #341F41, #020F27, #000408)
• Aged Turquoise Coast color palette (#EDF9F0, #44AEC2, #304D43, #0D2416, #030703)
• Hazy Bronze Bloom color palette (#EBF2FF, #738BC8, #B46B25, #7D6300, #0F1E36)
• Washed Veranda color palette (#F8EFF2, #9ABDA8, #627F4C, #076261, #172D21)
• Washed Basin color palette (#F7EFF2, #CCDFF0, #7A8BC1, #006C6D, #272946)
• Lowlit Onyx Harbor color palette (#DAE8F9, #4B4140, #002954, #17111A, #04000C)

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