Weathered Cerulean color palette — #FFF2ED · #F79E95 · #98BB6B · #00A1BA · #38312E

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#F79E95): A luminous, balanced orange — the color of toasted spice.
• Sage (#98BB6B): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#00A1BA): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#38312E): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Wandering Study color palette (#FCF3EB, #ECB688, #9BC39E, #4FAAAF, #423C37)
• Hazy Cerulean Hollow color palette (#FFF3E8, #E7A474, #99A256, #0089B1, #3F2526)
• Muted Iris color palette (#FFF2EA, #F2A381, #4FC3B5, #698EDB, #38312D)
• Gentle Study color palette (#F8EDDD, #D0A451, #00B5C2, #956AC6, #352201)
• Apricot Orchard color palette (#FFF2EB, #F99374, #93A94E, #468159, #322016)
• Timeworn Taupe color palette (#FBF3F1, #DDDAD3, #99B2B4, #DA9894, #51443F)
• Faded Clover Meadow color palette (#FFDDC5, #F87A1D, #00B453, #0083BC, #361400)
• Tempered Cornflower Delta color palette (#FDF5DD, #C7BC15, #4FC077, #0086E6, #302D00)

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