Petrol Ridge color palette — #E6F7E9 · #80CBC6 · #00818C · #00543C · #001E27
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#80CBC6): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00543C): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Faded Forest color palette (#FFF2EF, #74C8C6, #007A97, #005B18, #00345F)
- Feathered Periwinkle color palette (#D2FBFF, #82D5F5, #75B2FF, #007460, #00232A)
- Timeworn Cobalt Coast color palette (#E3ECE5, #96B8D2, #1E6EB4, #004A54, #030F3E)
- Dusty Cobalt Veranda color palette (#EBF5ED, #9BDBF3, #1A8CC7, #006165, #042549)
- Cerulean Cabin color palette (#D5E6D8, #2C8596, #004258, #001F1D, #000104)
- Tempered Ridge color palette (#D8EBE0, #00A88B, #007470, #004144, #002228)
- Worn Turquoise Workshop color palette (#A8F2FF, #00ABC1, #006D7C, #003035, #00080A)
- Muted Cabin color palette (#D6F3F5, #008189, #9E00B2, #6B4C00, #001213)
Browse the whole catalog at Explore, or see today's palette.