Petrol Study color palette — #F5ECE8 · #96BCA2 · #006FA4 · #005238 · #1D2A56
Peacock and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5ECE8): a clean, paper-quiet neutral.
- Sage (#96BCA2): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1D2A56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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
- Weathered Sapphire Alley color palette (#F7ECE4, #83BAD3, #0064CB, #005146, #2B294C)
- Tempered Corridor color palette (#FFF2EC, #41CDD9, #0078A2, #005932, #072E6F)
- Aged Grove color palette (#DFEEE1, #65C3D5, #007697, #004C46, #001829)
- Ancient Cerulean Pier color palette (#F7EDDE, #7BD4E5, #0094BC, #006D65, #00314D)
- Feathered Cornflower color palette (#FDF3EA, #A5D5F4, #4374F5, #006762, #423667)
- Softworn Spruce color palette (#F0DCD6, #519E9D, #005267, #00330B, #00142C)
- Patina Lagoon Field color palette (#F7EAF4, #AADCF2, #5AAFDB, #00937B, #0F2E53)
- Iris Archive color palette (#FAF4EE, #C2E5D9, #7287C8, #12706F, #5D3D4B)
Browse the whole catalog at Explore, or see today's palette.