Petrol Ridge color palette — #F1F4E5 · #6ACAE6 · #007DA2 · #005058 · #001D2C
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F4E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#6ACAE6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Terrace color palette (#E9EADF, #9BBEA0, #007988, #004C47, #001A21)
- Tempered Lagoon color palette (#F2F3E9, #94E0DC, #00959B, #006455, #002B30)
- Worn Petrol color palette (#FFF0FA, #5FC7E3, #0075AD, #00574D, #0F2F6A)
- Sapphire Drift color palette (#EFF4E5, #8AC1F4, #006EDA, #004D6B, #01104D)
- Denim Canyon color palette (#DEE1D1, #5FA7C2, #006084, #003840, #000C18)
- Tempered Navy Coast color palette (#E6EBDD, #467FA6, #003D6B, #001E29, #000106)
- Azure Lantern color palette (#FFF2EB, #D2E9FF, #00A5EC, #007465, #001F58)
- Quiet Magenta color palette (#FFE8E8, #E207B9, #0078B7, #85006B, #001829)
Browse the whole catalog at Explore, or see today's palette.