Petrol Ridge color palette — #E1ECEA · #75C1CF · #007790 · #004B4C · #001923
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E1ECEA): a clean, paper-quiet neutral.
- Cyan (#75C1CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Linen Cobalt Coast color palette (#E0ECEB, #91B8D9, #006CC2, #004760, #011338)
- Timeworn Petrol Ridge color palette (#F9EBE5, #59C2D4, #007299, #005141, #112F50)
- Hushed Cerulean Orchard color palette (#E7F5F3, #ABCDE0, #0088B2, #005A63, #052337)
- Softworn Corridor color palette (#D3E4E3, #5CA6CC, #005E8D, #003744, #000B1B)
- Cerulean Station color palette (#D8ECEA, #2F83A3, #00405E, #001E25, #000104)
- Coral Market color palette (#F1E1FF, #F0ACBC, #F17A7A, #8B467F, #26122F)
- Antique Plum color palette (#F4DDE6, #BA1778, #8D4A00, #483997, #12031C)
- Terracotta Canyon color palette (#FCDFF0, #AF7756, #8B380B, #561A0D, #1E0311)
Browse the whole catalog at Explore, or see today's palette.