Gentle Petrol color palette — #DEFDF9 · #5FC6ED · #0077A5 · #005461 · #003656
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#DEFDF9): A whisper-light, dusty teal — the color of sea glass.
- Sky (#5FC6ED): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005461): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003656): 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 Gentle 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
- Glacier Studio color palette (#E5FBF6, #6AE4E9, #00909F, #00675F, #004856)
- Misty Lantern color palette (#FFF4E2, #79D9FF, #0095DD, #007177, #003169)
- Softworn Denim Chapel color palette (#D2E7E6, #5EA8D0, #005D8E, #003C4A, #00203E)
- Aged Cerulean Bloom color palette (#EDF8F7, #C0E0FF, #6B8DB5, #376980, #354964)
- Softworn Lagoon color palette (#D8EEE9, #00A4A3, #005459, #003129, #00181C)
- Weathered Navy Ridge color palette (#D5E5E5, #5084B7, #00387F, #002030, #01022C)
- Periwinkle Studio color palette (#FFF0F8, #A6E4FF, #6DADFF, #009A86, #2E256B)
- Violet Archive color palette (#E2E1FF, #8362FF, #00817C, #5025B6, #003633)
Browse the whole catalog at Explore, or see today's palette.