Tempered Cerulean color palette — #F8F1E6 · #8BD7D5 · #008C9C · #005E47 · #012819
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8F1E6): a clean, paper-quiet neutral.
- Ice Blue (#8BD7D5): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008C9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#012819): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Cobalt Parlor color palette (#F8F1E5, #8ED3EF, #3E83B1, #005B5F, #2C172D)
- Softworn Meadow color palette (#F7F1E8, #C3E6D0, #5397B7, #0D6C69, #0D332B)
- Patina Thicket color palette (#E7DFD2, #1E888D, #004350, #002019, #000103)
- Softworn Aqua Basin color palette (#F0F6D2, #AEEDD5, #76C4CB, #606F44, #202713)
- Weathered Turquoise color palette (#EAE3D8, #48ADB8, #006278, #003A32, #000C16)
- Hushed Drift color palette (#FDF3F0, #CDDFF8, #58B4D1, #487D4B, #12304D)
- Moss Lantern color palette (#F2F1D9, #8BA300, #4F7C00, #015316, #002815)
- Faded Lantern color palette (#D2FFDD, #3CC078, #087735, #003C15, #001406)
Browse the whole catalog at Explore, or see today's palette.