Petrol Garden color palette — #EEE0D9 · #63AEC0 · #006E9D · #004B40 · #001133
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EEE0D9): a clean, paper-quiet neutral.
- Cyan (#63AEC0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B40): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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
- Frosted Ultramarine color palette (#F4E9E0, #75A8CF, #375FC0, #004950, #15013F)
- Ancient Summit color palette (#FCE7F5, #68C6DB, #00709C, #003F34, #00020B)
- Cerulean Bloom color palette (#E0E2D5, #5CC0D7, #0091B5, #006C72, #001622)
- Muted Cerulean color palette (#F5ECE9, #AECDB6, #0092C3, #006E59, #082E55)
- Ancient Lagoon color palette (#E2F2ED, #00A186, #00674E, #003123, #000201)
- Azure Atelier color palette (#D3F1E2, #75BCBE, #00A3EA, #516700, #00211C)
- Chalky Field color palette (#FEF3ED, #C4E5C6, #00ADD0, #00875A, #004469)
- Plum Harbor color palette (#E0E6D6, #008E5C, #A61E97, #005334, #21001D)
Browse the whole catalog at Explore, or see today's palette.