Sunlit Petrol color palette — #ECDDD4 · #4FB0CC · #0069B1 · #004C3C · #0D083D
Cobalt and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#ECDDD4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Cyan (#4FB0CC): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#0069B1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0D083D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Veranda color palette (#FDEBE7, #55B3B2, #00718D, #004E16, #00142B)
- Tempered Petrol color palette (#F7EAF1, #6FC4DF, #006DA8, #003E39, #000015)
- Sapphire Veranda color palette (#F2E6DB, #8AB8D5, #3266F1, #005A55, #221344)
- Antique Cerulean color palette (#DDEEE0, #279EBF, #004F73, #003031, #00142C)
- Softworn Market color palette (#F6ECE7, #95CFDF, #128DD9, #006F53, #222A53)
- Rose Studio color palette (#FFE8F7, #CF99D8, #F0505F, #006781, #220F2F)
- Hushed Azure color palette (#FFF2EC, #ABE7ED, #00A9E3, #00884F, #243F6D)
- Indigo Thicket color palette (#E2E8FC, #585DFF, #006E4E, #2E5500, #040027)
Browse the whole catalog at Explore, or see today's palette.