Petrol Archive color palette — #F8EBE6 · #6EC0CB · #007296 · #00523F · #112F4D
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EBE6): a clean, paper-quiet neutral.
- Cyan (#6EC0CB): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#112F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Station color palette (#F8ECDF, #8CB6DF, #4F63A8, #004E5A, #2F274A)
- Petrol Cabin color palette (#F4E6DF, #9BBDA4, #0074A3, #004E31, #051236)
- Hushed Cobalt Veranda color palette (#FDF3ED, #89D2E6, #3080AF, #066155, #4B2F4A)
- Dusty Denim Veranda color palette (#F0DFD3, #5DA9CB, #00599C, #003E3D, #131A44)
- Aged Lagoon Workshop color palette (#D4F0E4, #00A69A, #00646D, #004256, #20234F)
- Lilac Pier color palette (#DBF9E4, #8ECCFF, #9C94EA, #00685A, #17412F)
- Turquoise Alley color palette (#E7F2E9, #B1DBEB, #00B6DF, #009283, #00324A)
- Cerulean Orchard color palette (#B2EAFF, #009EC4, #00607F, #00303C, #001620)
Browse the whole catalog at Explore, or see today's palette.