Gentle Cerulean color palette — #FFF1F6 · #D68C4F · #1B96C3 · #94520F · #21475E

A conversation between Cerulean and Mustard, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D68C4F): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#1B96C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#94520F): A full-bodied, balanced gold — the color of old brass.
• Navy (#21475E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Gentle Cerulean 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

• Coral Courtyard color palette (#FFF0FC, #E97A6E, #009D9E, #954E45, #164A56)
• Amber Dune color palette (#E8FBEC, #BF9A39, #6D87CB, #7E6100, #334165)
• Chestnut Workshop color palette (#E7F7E6, #C59B66, #3C9BB3, #895900, #002D37)
• Bronze Courtyard color palette (#FFF2EA, #E6A68B, #73AADF, #B76844, #274562)
• Muted Balcony color palette (#FFF1F7, #CA6C00, #1886B1, #496B95, #47303A)
• Muted Bronze Study color palette (#FFF0F7, #C0A179, #956648, #61485D, #304237)
• Softworn Seafoam Veranda color palette (#FFF0F7, #CCE5D1, #99D4BD, #9E6D6A, #455447)
• Feathered Tangerine Harbor color palette (#FFF3E8, #F8BD95, #74C8FE, #EC7C00, #164764)

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