Quiet Cerulean color palette — #FFF2EE · #86E1DC · #008DAC · #2D682F · #1A4266
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#86E1DC): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#008DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#2D682F): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1A4266): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet 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
- Faded Cobalt color palette (#FFF2EA, #86DCFC, #3D81CD, #006858, #393969)
- Tempered Harbor color palette (#FFF2ED, #56CCCF, #00799B, #005A27, #0B3360)
- Lagoon Loft color palette (#E6F6F2, #A6D9E7, #00959C, #006356, #002B31)
- Tempered Turquoise color palette (#F6F7E6, #9EEBE9, #00B0BA, #008473, #004952)
- Worn Cypress color palette (#FCF3EF, #C8ECE6, #76A595, #4C7A65, #5E4C5B)
- Tempered Meadow color palette (#F7E8E0, #008EAE, #003E6D, #00231B, #060228)
- Hushed Boulevard color palette (#FFF1F6, #EBD4D0, #F1AD7C, #5375AC, #5F3D40)
- Powdered Orchard color palette (#FFF0FA, #BDEEFB, #00CCEC, #00AC67, #004564)
Browse the whole catalog at Explore, or see today's palette.