Petrol Atelier color palette — #F5E5DE · #9BBE9E · #007792 · #004E34 · #00182A
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F5E5DE): a clean, paper-quiet neutral.
- Sage (#9BBE9E): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#00182A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Atelier 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 Cerulean Lantern color palette (#F9F0EB, #B3D0BB, #3A85A9, #005D4C, #032041)
- Dusty Petrol color palette (#EFEFE6, #80BEC1, #007682, #00504A, #00343F)
- Dusty Sapphire Station color palette (#F2E7DB, #8FBFB2, #4B65B8, #004A54, #170D34)
- Muted Pier color palette (#F7EBE4, #7DA890, #005D91, #003A35, #00032E)
- Cerulean Market color palette (#E7FAF6, #C6E1FF, #00A4B5, #006B62, #00232B)
- Timeworn Boulevard color palette (#EFE3DD, #388496, #00405F, #00201B, #000106)
- Sapphire Veranda color palette (#ECE2D0, #9F7900, #2C67C5, #5A4200, #000F31)
- Tempered Delta color palette (#E8DCD1, #668FAF, #1D409A, #002B30, #040019)
Browse the whole catalog at Explore, or see today's palette.