Cerulean Studio color palette — #F8EEF6 · #A0D0E2 · #3785AB · #135E3A · #0D203C
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F8EEF6): a clean, paper-quiet neutral.
- Sky (#A0D0E2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3785AB): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#135E3A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0D203C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Studio 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
- Tempered Field color palette (#EFF8F0, #A6CCDA, #0086A2, #006154, #0E3F58)
- Muted Summit color palette (#F8EFF4, #C4E1F3, #6E90BC, #0D6D5F, #222A46)
- Cobalt Hollow color palette (#F4E4EB, #89BBD4, #3769B8, #004C44, #160C37)
- Dusty Abyss Studio color palette (#F4EAF1, #358593, #004061, #002014, #00000C)
- Washed Nightshade color palette (#EFDAE2, #5491B8, #1D3CA4, #002C2A, #060017)
- Washed Peony Alley color palette (#CEF2ED, #5FA461, #B25DA4, #026215, #300A2B)
- Bronze Cabin color palette (#D1FCF5, #B0DEEB, #96BCE3, #776C20, #002F35)
- Tempered Jade color palette (#CCFEE1, #65BA88, #00785A, #003E28, #001109)
Browse the whole catalog at Explore, or see today's palette.