Petrol Station color palette — #D5F7FB · #008192 · #004554 · #001822 · #000103
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D5F7FB): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#008192): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004554): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001822): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Velvet Lagoon color palette (#D0EDFF, #0073B2, #004071, #001230, #00000A)
- Patina Lagoon Study color palette (#D1F1E8, #008C91, #00697D, #004468, #000D20)
- Eclipse Orchard color palette (#D5E6DB, #008158, #004837, #001A15, #000201)
- Timeworn Mulberry color palette (#DAF0FF, #00759A, #8A008F, #003042, #030003)
- Aubergine Lagoon color palette (#D0EAF8, #005D7D, #5800A7, #003C29, #000103)
- Sunlit Dune color palette (#BEECFF, #3CB9F1, #0081BF, #004980, #001739)
- Dusty Iris Alley color palette (#C6E6FF, #8DB3DF, #6F8CDC, #00536A, #000104)
- Nocturne Bronze Studio color palette (#D1E9D5, #85712F, #4E3800, #1C0F00, #010100)
Browse the whole catalog at Explore, or see today's palette.