Petrol Station color palette — #F3E6DF · #9BBE9D · #007791 · #004E33 · #001829
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F3E6DF): a clean, paper-quiet neutral.
- Sage (#9BBE9D): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007791): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Dusty Orchard color palette (#FAEFEA, #ADD2B8, #0087B6, #005D4B, #08213C)
- Tempered Sapphire color palette (#F1E7DE, #8CC0AF, #3866C1, #004A51, #141031)
- Muted Petrol color palette (#EFEFE5, #70C1C4, #007682, #00504A, #00343F)
- Hushed Denim color palette (#FCECE3, #6DA6B9, #005D90, #003A35, #01052A)
- Worn Archive color palette (#F8F0EA, #C1E6D6, #6290C8, #006C6D, #3D2136)
- Aged Cerulean Grove color palette (#F9EAE2, #348497, #00405F, #00201A, #000106)
- Sapphire Harbor color palette (#E7DED1, #A67500, #445BD7, #5D4000, #060B35)
- Muted Nightshade color palette (#F4E9DE, #5790BB, #0B36B3, #002B30, #040019)
Browse the whole catalog at Explore, or see today's palette.