Petrol Station color palette — #C8ECF4 · #00697F · #00394D · #001622 · #02030D

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

The five colors

• Frost (#C8ECF4): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00697F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00394D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001622): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#02030D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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

• Charred Bloom color palette (#D8EBFA, #00587B, #204A00, #002435, #020800)
• Navy Atelier color palette (#C8F1E3, #008A97, #00688A, #00417A, #05002E)
• Iris Basin color palette (#D6E5F5, #5F8DEA, #5F62A7, #00354E, #00102B)
• Aubergine Drift color palette (#D5E6F6, #004171, #500069, #002B26, #000206)
• Fern Pier color palette (#E0F3E6, #635B00, #352B00, #180F00, #000503)
• Ultramarine Bloom color palette (#E3EBFA, #3136EB, #2D009B, #1A004E, #0E002C)
• Misty Nightshade color palette (#E2EDFC, #436EFF, #3424C6, #27147B, #22144D)
• Faded Periwinkle color palette (#D7E6F3, #4B9DFF, #2A67C8, #324483, #2E355B)

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