Petrol Archive color palette — #E2F3F0 · #8DB9CA · #007588 · #00504E · #003442
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F3F0): a clean, paper-quiet neutral.
- Ash (#8DB9CA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Archive 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
- Hushed Petrol color palette (#F0E5ED, #93BACA, #00759A, #004D3B, #00162E)
- Hushed Cerulean Study color palette (#EDF8F6, #ABCADB, #2883A4, #005F66, #00405B)
- Turquoise Field color palette (#EEF0E3, #99E1EA, #00B8D4, #00918E, #003442)
- Muted Forest color palette (#CDFCFD, #7DD4BD, #57ADA8, #226736, #003C3F)
- Hushed Parlor color palette (#D8EFE9, #49A09A, #005557, #003128, #00181B)
- Hushed Cypress color palette (#EEF7F6, #D2DEF0, #6CA2B4, #3C7A7C, #3B5668)
- Quiet Parlor color palette (#CEEDDC, #007F55, #006887, #5B4C00, #002717)
- Washed Pine Veranda color palette (#EAF4E0, #609E36, #117615, #00481C, #002E2B)
Browse the whole catalog at Explore, or see today's palette.