Petrol Ridge color palette — #F6EDE0 · #9ABB9F · #00748B · #005145 · #003248
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6EDE0): a clean, paper-quiet neutral.
- Sage (#9ABB9F): A luminous, dusty green — the color of new leaves after rain.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): 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 Ridge 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
- Aged Cerulean Alley color palette (#FBF4E9, #AAD0B7, #3C819F, #00605B, #133E5D)
- Worn Petrol color palette (#F4E6E1, #9BBDA3, #0074A2, #004E2F, #02113C)
- Petrol Dune color palette (#F6EDE0, #85B9D8, #1D6BAF, #004E58, #1C2C52)
- Worn Cypress Workshop color palette (#F9F4EE, #CBE4E0, #7CA48F, #3B7B73, #325247)
- Chalky Station color palette (#E6F2E8, #9FE0E6, #00B7DA, #00937E, #003248)
- Ancient Cerulean Studio color palette (#E8E0D4, #368CA5, #00425E, #002222, #000919)
- Tempered Cerulean color palette (#FAF4EB, #BFE7D7, #618EBE, #006F7E, #593D55)
- Washed Grove color palette (#FFF0D6, #BBC586, #7AAA7E, #855600, #38362F)
Browse the whole catalog at Explore, or see today's palette.