Sunlit Petrol color palette — #E0FEE8 · #8CC6D9 · #448FBD · #3068A1 · #62445F
Peacock and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E0FEE8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#8CC6D9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#448FBD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#3068A1): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#62445F): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit 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
- Aged Cobalt color palette (#E9FAF4, #8EB5D5, #C18C5D, #2779B0, #524C46)
- Muted Azure Lagoon color palette (#E2FAFF, #88DAF0, #47AAE1, #5A7CAF, #48516A)
- Hushed Denim Courtyard color palette (#FFF0FE, #9FAFE1, #8482C3, #685699, #694451)
- Cerulean Market color palette (#E4F5DA, #77BFBC, #299CA9, #007286, #2A5947)
- Weathered Drift color palette (#FFF0FE, #DCBBDA, #6288B7, #245184, #213659)
- Worn Cerulean color palette (#E6FBF5, #E8D6D0, #A19384, #598EA3, #5F4D5C)
- Dusty Aubergine color palette (#E6F1FE, #7890D9, #5957BC, #4F2E9E, #492E60)
- Dusty Balcony color palette (#BDE6FF, #34A5FC, #0062D9, #3028C1, #332C7D)
Browse the whole catalog at Explore, or see today's palette.