Petrol Station color palette — #DCECF1 · #007496 · #005172 · #00263D · #000B1B
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#DCECF1): a clean, paper-quiet neutral.
- Teal (#007496): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005172): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00263D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000B1B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Hushed Cobalt Ridge color palette (#D1E3F0, #0073B8, #00498C, #00245C, #020334)
- Cypress Terrace color palette (#DEF0EA, #007A6B, #005851, #002C2C, #000809)
- Antique Mulberry color palette (#CAE6FF, #006FAB, #990077, #003B5F, #11000B)
- Periwinkle Boulevard color palette (#E1EEFF, #87A1FF, #857CCD, #004976, #020E26)
- Sapphire Loft color palette (#DDE7F5, #0572ED, #004293, #001C44, #000108)
- Aubergine Atelier color palette (#E6F1FF, #0056A9, #7A008D, #004744, #000207)
- Faded Sapphire Boulevard color palette (#E3F1FB, #2599FC, #0073E4, #294E9A, #212F5E)
- Nightshade Archive color palette (#DFEBF8, #0063E9, #112AC6, #160376, #070028)
Browse the whole catalog at Explore, or see today's palette.