Cerulean Meadow color palette — #F7EFF5 · #A6CFDE · #2686B0 · #195D39 · #0F203D

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Powder Blue (#A6CFDE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2686B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#195D39): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0F203D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Cerulean Quarry color palette (#F0F7F1, #AACBD8, #0086A2, #006154, #0B4059)
• Weathered Delta color palette (#F7EFF3, #C4E1F3, #6990BF, #276B5E, #222B45)
• Tempered Cobalt Veranda color palette (#F3E5EB, #8ABBD4, #396AB5, #004C44, #16093A)
• Indigo Bloom color palette (#E2ECFF, #5F74CE, #7D6F00, #426222, #06122D)
• Petrol Field color palette (#E9F3FF, #EECDFD, #D59CA8, #2F7991, #1F273E)
• Weathered Workshop color palette (#F6EAF3, #2A8695, #004060, #002014, #00000C)
• Powdered Villa color palette (#CEEBF0, #439FD7, #3464B7, #3F3884, #2A143A)
• Gentle Villa color palette (#DEE9FF, #798ADC, #9B7513, #3D49A6, #261A00)

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