Petrol Studio color palette — #FFF2EB · #D8A392 · #78985E · #007495 · #53355A
Teal and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Rosewood Mist (#D8A392): A luminous, dusty orange — the color of autumn markets.
- Moss (#78985E): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007495): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#53355A): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Studio 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
- Ancient Shell color palette (#FEF1F9, #FFB8A2, #8FA26B, #3C757E, #323651)
- Dusty Cypress color palette (#FEF2F1, #D69EB8, #A38851, #007A6A, #373F67)
- Wandering Lantern color palette (#FFF2EB, #E5D4C0, #B7AF98, #6B8676, #5D4A5D)
- Airy Denim Study color palette (#FAF5E7, #AFA85D, #20938A, #4157A6, #55253C)
- Wandering Shell color palette (#FEF1FB, #FFAFA5, #69B7C8, #658CA6, #30435E)
- Muted Meadow color palette (#FFF1F2, #B984AD, #298352, #524A81, #563748)
- Soft Amber Pier color palette (#FFF3E8, #E27F00, #008F48, #005A8E, #560049)
- Antique Bronze color palette (#FFF3E9, #E5BC96, #BA954A, #887107, #53514A)
Browse the whole catalog at Explore, or see today's palette.