Cerulean Bloom color palette — #FAF3F0 · #C9E5C9 · #3398B0 · #2B714E · #2C5044
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#C9E5C9): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#3398B0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#2B714E): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#2C5044): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Bloom 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
- Cerulean Coast color palette (#EAF4F2, #AAEAEA, #3B9DA7, #266B61, #073140)
- Washed Cabin color palette (#FAF4F0, #C0E7D1, #3D91CE, #007269, #583E54)
- Dusty Lagoon color palette (#F6F6EC, #BAEBDD, #62B4BB, #358B7D, #334F3D)
- Powdered Petrol Chapel color palette (#FFF2EB, #5DC8E3, #0076AC, #00574C, #0E2F69)
- Hushed Denim Orchard color palette (#EDDCD5, #569CA4, #00516A, #003124, #00152A)
- Pine Hollow color palette (#F1FBD5, #91CC9E, #19884D, #005229, #043518)
- Tempered Boulevard color palette (#F5F7E3, #AFF4FB, #7FD7F5, #867B45, #3E530E)
- Pale Wisteria color palette (#F6F6E8, #83AE69, #BF6EBC, #396F00, #5C353C)
Browse the whole catalog at Explore, or see today's palette.