Petrol Station color palette — #D6E8EF · #00808B · #1C3549 · #132127 · #080D11

A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Frost (#D6E8EF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00808B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#1C3549): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#132127): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#080D11): 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 Petrol Station 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

• Cobalt Thicket color palette (#E8F4FE, #0085C2, #353C4B, #202A32, #11151B)
• Cerulean Coast color palette (#D8EADB, #00A2AE, #59455B, #223226, #161A13)
• Shadow Denim color palette (#C7E6F4, #006382, #0A1B45, #000F1A, #000206)
• Patina Turquoise Courtyard color palette (#DAE9DD, #46BDCC, #57786A, #39503F, #141A12)
• Abyss Delta color palette (#C9EFFA, #5E565B, #00414E, #251E25, #000819)
• Sapphire Thicket color palette (#D5E3F6, #005BE2, #301F4E, #0B182A, #040612)
• Hushed Basin color palette (#EDF6FF, #2E8FD5, #AD6829, #86611D, #273A4B)
• Lapis Veranda color palette (#D2E1FD, #3500F0, #3F3233, #181533, #030817)

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