Petrol Workshop color palette — #F2E6E1 · #9BBDA1 · #007695 · #004D37 · #00172B
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Sage (#9BBDA1): A luminous, dusty teal — the color of glacier melt.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Workshop 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 Grove color palette (#EFEFE6, #99BB9F, #007585, #00504C, #003440)
- Wandering Cobalt Balcony color palette (#F2E7DE, #8BBBD3, #246CB7, #004B4B, #0C0A41)
- Washed Villa color palette (#F7EBE3, #80A693, #005C96, #003A36, #020033)
- Dusty Studio color palette (#F7EAF4, #8AD3D9, #0094BA, #006F51, #033050)
- Navy Station color palette (#EFDED5, #4D8191, #003F63, #00201C, #00000B)
- Feathered Blush Summit color palette (#FEE0F9, #D3BFF4, #DC81B6, #006483, #161038)
- Cerulean Orchard color palette (#F7F0EB, #C9E3D9, #6D8FC0, #006C70, #3D2134)
- Sunlit Sapphire Lantern color palette (#EDD9E7, #4F5DCA, #765A00, #37511A, #050428)
Browse the whole catalog at Explore, or see today's palette.