Tempered Petrol Hollow color palette — #D7F1FC · #008091 · #20344D · #011923 · #000607

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

The five colors

• Frost (#D7F1FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#20344D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#011923): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000607): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered Petrol Hollow 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

• Petrol Coast color palette (#DFF1FF, #006990, #433B40, #1F1F42, #000A15)
• Washed Cerulean color palette (#DAEFF9, #009CB4, #1C597C, #153441, #000608)
• Velvet Study color palette (#CFE1F9, #076AE4, #3B294E, #0A1726, #00050A)
• Aged Azure Summit color palette (#D9E6F3, #2697E0, #464B65, #242F39, #0F1A1F)
• Orchid Ridge color palette (#EAEDFF, #9D54FF, #5D374C, #212340, #0B121B)
• Cornflower Study color palette (#E7F1FE, #3883F0, #A76C00, #6E6400, #041D44)
• Olive Boulevard color palette (#F9DCE5, #ABA86C, #4E8141, #1D6064, #043121)
• Pale Nightshade Archive color palette (#CBEAE7, #00A7C6, #0077B1, #1A41A3, #2F1F53)

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