Petrol Ridge color palette — #E0F3F0 · #6FC0CC · #00758A · #00504F · #003343
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E0F3F0): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#6FC0CC): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): 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
- Muted Cerulean color palette (#EBF8F7, #96CFE0, #2084A5, #005F66, #1F3E53)
- Powdered Periwinkle color palette (#E2F3FF, #84C7F2, #6096E2, #006D7F, #153245)
- Sapphire Parlor color palette (#E0F3F3, #84B6EB, #2E65BB, #004A6C, #1D2B54)
- Aged Azure Terrace color palette (#CDEFFF, #009ECB, #005A72, #002D3B, #001A24)
- Ash Boulevard color palette (#EEF8F6, #D2DEF0, #6FA2B3, #467786, #425562)
- Grape Terrace color palette (#CAF0FD, #007793, #5D45B8, #005D34, #00242E)
- Linen Courtyard color palette (#C4E4F1, #008F9F, #6D7000, #00535D, #2A2B00)
- Gentle Lagoon color palette (#F6EAF4, #B4DAEA, #57AEE4, #009566, #1B2A57)
Browse the whole catalog at Explore, or see today's palette.