Petrol Archive color palette — #EEF0E4 · #96BCA1 · #00748C · #004F50 · #003344
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEF0E4): bright and airy, almost weightless.
- Sage (#96BCA1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003344): 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 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
- Patina Cerulean Studio color palette (#F5F6EF, #ABCFBA, #2583A7, #005E68, #123F58)
- Antique Thicket color palette (#F0E7E3, #7EC0CB, #00759D, #004D3D, #001631)
- Periwinkle Villa color palette (#D6FEE9, #9FD3F6, #749DD8, #006B79, #003A4F)
- Faded Turquoise color palette (#E1F3F0, #9BE0ED, #00B7DA, #009092, #003344)
- Softworn Abyss Drift color palette (#E0E0D4, #5A9D9B, #00545A, #00302A, #00181C)
- Softworn Parlor color palette (#C9E7D3, #008EA3, #697100, #005260, #282C00)
- Petrol Grove color palette (#F4F6EE, #C3E5DA, #678DB7, #006C8E, #573D56)
- Gentle Ultramarine color palette (#E0F1E4, #007A85, #3F4DC2, #175D01, #002529)
Browse the whole catalog at Explore, or see today's palette.