Petrol Ridge color palette — #FEEEE7 · #6CCBE0 · #007BAC · #005346 · #00183D
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FEEEE7): bright and airy, almost weightless.
- Sky (#6CCBE0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00183D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Chapel color palette (#F2E6E0, #A0BCA2, #007791, #004E33, #001829)
- Patina Drift color palette (#F5F6EB, #65C8DC, #007A96, #005558, #00384D)
- Chalky Sapphire Basin color palette (#FBF0E6, #8EC2E9, #386BD4, #005057, #1A0051)
- Linen Cornflower Terrace color palette (#F9F0E7, #A9DCCE, #5F7DD6, #00606D, #26194E)
- Worn Cerulean color palette (#FDF1F9, #5FDFF6, #0098D0, #007461, #0C3260)
- Patina Denim Archive color palette (#EEE0D9, #7EA790, #005E8E, #003A34, #00042D)
- Navy Veranda color palette (#EFE4DB, #4680A0, #00387B, #001F20, #01000B)
- Dusty Archive color palette (#F7F0EC, #CBE0DF, #7DA0C1, #187B74, #442E40)
Browse the whole catalog at Explore, or see today's palette.