Tempered Lagoon Study color palette — #FDF2F6 · #D6DDF6 · #8BA6D0 · #31898E · #424468

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#D6DDF6): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8BA6D0): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#31898E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#424468): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Lagoon Study 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

• Softworn Lagoon color palette (#FAF4EF, #C1E3F5, #94BCFB, #0E939B, #513547)
• Washed Cerulean color palette (#EDF7FF, #DBD9E3, #EBB9C9, #549DAB, #3F4D61)
• Softworn Basin color palette (#FDF1F9, #B1DDEA, #53A2B7, #1C7F55, #1C3E57)
• Tempered Station color palette (#F1E3EB, #659BAE, #005D91, #003C37, #000030)
• Dusty Petrol Villa color palette (#F2E8EF, #69C1CC, #0080A6, #005B46, #00203D)
• Soft Pier color palette (#B8F6F6, #59C6DE, #3F96CA, #3B6BA0, #414770)
• Hushed Cabin color palette (#EFF6FF, #B1D1FF, #5D94D0, #395C8F, #043057)
• Antique Field color palette (#EEF6FF, #8BBCEE, #DA906E, #4884BF, #613520)

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