Petrol Quarry color palette — #F0F3E8 · #72AC81 · #1C7AA9 · #613C67 · #3A200B
Cerulean and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F3E8): a clean, paper-quiet neutral.
- Jade (#72AC81): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#1C7AA9): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#613C67): A full-bodied, balanced pink — the color of peonies in June.
- Espresso (#3A200B): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Quarry 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
- Wandering Taupe Cabin color palette (#EBF9F3, #999E54, #626CA3, #724547, #503950)
- Indigo Alley color palette (#ECF5EC, #4AADB3, #7A61AB, #713B2D, #2A2902)
- Softworn Nightshade color palette (#E5F1E6, #008E8F, #5540A2, #660014, #141600)
- Tempered Mint Villa color palette (#E9F9F8, #7DC490, #6391BA, #706185, #324932)
- Ancient Pewter Field color palette (#F0F5E0, #C1D3BB, #85A592, #7C5A5E, #503833)
- Tempered Courtyard color palette (#F5F1EB, #C6E4DC, #4EABBD, #407767, #253C31)
- Timeworn Chestnut Veranda color palette (#F3F2E9, #C3C7A0, #5B9172, #6E6213, #31322B)
- Aged Ridge color palette (#E9F0E1, #389674, #2E412C, #1B2015, #0C0D08)
Browse the whole catalog at Explore, or see today's palette.