Petrol Station color palette — #FFF3E8 · #2168B4 · #335400 · #004032 · #042414
Royal Blue and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Royal Blue (#2168B4): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#335400): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004032): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#042414): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Timeworn Archive color palette (#EAF9F1, #00748F, #5A5100, #054408, #142412)
- Grape Station color palette (#FFF1F7, #694DA9, #00574A, #003D4A, #281526)
- Cellar Nightshade color palette (#F5E1F1, #0530C1, #003910, #001D19, #00060B)
- Fern Coast color palette (#FCF4EB, #A26400, #106910, #004E49, #183329)
- Hazy Parlor color palette (#F6F3FF, #C847C4, #00855C, #006450, #061D2E)
- Driftwood Harbor color palette (#FFF1F3, #9E6AA4, #007883, #254E72, #413038)
- Plum Market color palette (#FFF1F1, #B7008A, #005770, #052393, #361722)
- Fern Meadow color palette (#EDEED9, #196503, #003F4B, #002660, #220311)
Browse the whole catalog at Explore, or see today's palette.