Petrol Market color palette — #E9EADD · #99BEA0 · #00788B · #004B49 · #001922
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9EADD): a clean, paper-quiet neutral.
- Sage (#99BEA0): A luminous, dusty teal — the color of sea glass.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Market 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 Cerulean color palette (#F1F3EB, #B2D0BD, #2E87A6, #005A61, #002435)
- Cobalt Delta color palette (#E6EBDE, #8EBFB2, #366BB2, #004764, #020D43)
- Muted Denim color palette (#E1E4D7, #70A5BC, #005F88, #003842, #000C19)
- Wandering Abyss color palette (#EEF0E6, #58836E, #00415A, #001F23, #000103)
- Cocoa Lantern color palette (#F7E1D1, #AA7A57, #873C06, #591700, #190A00)
- Chalky Summit color palette (#F2DBDD, #9D428F, #A13500, #2239B3, #190016)
- Hazy Pier color palette (#FDDCDC, #F0BED0, #E07886, #852C82, #331112)
- Quiet Atelier color palette (#F6DBDD, #AD5EA1, #945D00, #78006E, #1D0E00)
Browse the whole catalog at Explore, or see today's palette.