Tempered Petrol Ridge color palette — #F1F3E5 · #78C9DE · #007E9E · #005156 · #001D2B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3E5): a clean, paper-quiet neutral.
- Sky (#78C9DE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005156): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D2B): 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 Tempered 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
- Ancient Boulevard color palette (#EEF5E2, #92C1EA, #0071D3, #004D6A, #00124B)
- Sunlit Thicket color palette (#FFF0FA, #87C2D3, #0076AB, #00574C, #032D71)
- Muted Cerulean color palette (#E5FAF7, #7BDBF1, #009BC0, #007177, #00384E)
- Antique Denim color palette (#DEE1D3, #70A5B8, #006181, #00383F, #000C17)
- Softworn Station color palette (#E0E5D6, #527E9B, #003E69, #001E28, #000105)
- Wandering Turquoise color palette (#CAFFF0, #62E8DE, #00C1D0, #00764C, #002923)
- Pine Alley color palette (#DAECE4, #008664, #006D96, #5D5300, #00130B)
- Ancient Emerald color palette (#E3F7DD, #00AA40, #006F3D, #004A2D, #002116)
Browse the whole catalog at Explore, or see today's palette.