Chalky Petrol color palette — #E6FCEC · #37A6C7 · #5D61A9 · #5F4B00 · #2A3F53
Built around Slate, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FCEC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#37A6C7): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5D61A9): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#2A3F53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, cool.
Use it as a design system
One click turns Chalky Petrol 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
- Tempered Petrol color palette (#FFF1F6, #2FACA5, #006EB4, #743E00, #22424F)
- Hushed Quarry color palette (#E5FBF6, #7FACD9, #8667A3, #456434, #3F4858)
- Muted Azure color palette (#EBF7DB, #4DA2EC, #5668A0, #5E3851, #2D1C2D)
- Chalky Mulberry color palette (#EAF8FF, #0098B5, #924471, #474D00, #0F3D22)
- Washed Bloom color palette (#EBF9F5, #92BB9F, #008676, #3B5E74, #2E4847)
- Cerulean Delta color palette (#FBF2F6, #C3E1F5, #568EC6, #12706D, #384865)
- Linen Grape color palette (#E3EABA, #0084CA, #6C00BA, #383C00, #122555)
- Gentle Grove color palette (#D7FFF6, #6A83EA, #9E009B, #005331, #372D57)
Browse the whole catalog at Explore, or see today's palette.