Sunlit Petrol color palette — #EFDED5 · #56B0C5 · #006BA8 · #004C38 · #090B3A

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFDED5): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#56B0C5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#090B3A): A deep, shadowed, balanced violet — the color of a velvet chair.

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 Ultramarine Terrace color palette (#F3E9E0, #72AAC7, #0059DD, #004B44, #16033C)
• Tempered Petrol Lagoon color palette (#F7E9F3, #77C4D8, #006FA0, #003F36, #00020D)
• Cerulean Lantern color palette (#E1F5E5, #12A0BB, #00516E, #00302E, #001528)
• Cerulean Bloom color palette (#EDF0DD, #7ABCCD, #0090B6, #006C73, #001622)
• Frosted Cobalt Quarry color palette (#F7ECE6, #95D0DA, #0090D0, #006F4C, #1B2A57)
• Worn Pine color palette (#FFF2EE, #9AEBEE, #00ABDB, #048842, #1E406C)
• Hushed Azure color palette (#FCF3ED, #BBDECA, #3E9AEB, #007F66, #4E2F45)
• Byzantium Thicket color palette (#EEE3F2, #9425B9, #006A60, #144B64, #100018)

Browse the whole catalog at Explore, or see today's palette.