Petrol Station color palette — #F3E5DF · #4BB3BD · #006F97 · #004D2B · #001038
A conversation between Peacock and Cyan, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F3E5DF): bright and airy, almost weightless.
- Cyan (#4BB3BD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D2B): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Sunlit Quarry color palette (#F5EBE5, #81BBCE, #0078C8, #005B48, #171847)
- Tempered Petrol color palette (#F9E9F5, #83C3CB, #007193, #003F2F, #000308)
- Dusty Corridor color palette (#E1E2D6, #5BC1CF, #0092AB, #006D6B, #00171F)
- Gentle Ultramarine color palette (#F1E9E1, #609ABF, #2B4ABC, #003C3A, #0D0024)
- Lagoon Dune color palette (#D5F8E2, #00917B, #005C65, #003E4F, #001023)
- Worn Cerulean color palette (#D8EDF5, #0097C6, #005F73, #002D39, #000204)
- Orchid Quarry color palette (#E0F7E3, #8ABAEA, #AB61F1, #006B32, #001821)
- Washed Boulevard color palette (#F5ECE9, #94D1D4, #0093C0, #007138, #0E2D57)
Browse the whole catalog at Explore, or see today's palette.